﻿
.journal
{
    display: table;
	max-width: 100%;
    color: #333;
    background: #fffacd;
	margin: 5px 0;

}


.journal-students {
    display: block;
    float: left;
    width: 150px;
	max-width: 100%;
	background: red;
	margin: 5px 0;
    z-index: 99;

}

	.j-student
	{
        display:block;
        padding: 2px 3px;
		background: #E9E3B3;
        width:100%;
        height: 36px;
        vertical-align:central;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,0.05);
	}


.j-row 
{
    display: table-row;

}

	.j-row:nth-child(2n)
	{
		//background: #f39434;
	} 

.j-cell
{
    display: table-cell;
    width: 100px;
    height: 40px;
    vertical-align:top;
    text-align:center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-left: 1px solid rgba(0,0,0,0.3);
}

    .j-cell-presence
    {
        display:block;
        float: left;
        width:20px;
        height: 100%;
        overflow: hidden;
        font-size:0.8em;
        color: #555;
        background-color: rgba(0,0,0,0.1);
    }
        
    .j-cell-mark
    {
        display: block;
        margin:0 0 0 20px;
        padding:0px;
        font-size:1em;
        color: #333;
        height: 100%;
    }​
    
	.j-presence-0
	{
		background: transparent;
	}
	.j-presence-1
	{
		background: #FAC767;
        background-color: rgba(250,199,103,0.5);
	}
	.j-presence-2
	{
		background: #FA6A67;
        background-color: rgba(250,106,103,0.5);
	}



.j-wrapper
{
	max-width: 100%;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 156px;
    margin-bottom:20px;
}


	.j-header
	{
		height: 40px;
		background: #DAE2AE;
	}





	#j-cell-presence-edit
	{
		width: 100%;
        height:100%;
		padding:0;
		margin: 0;
		background: #f6b767;
        border: none;
        text-align: center;
        vertical-align:top;
        z-index: 100;
        box-shadow: 0 0 3px #f00;
	}

	#j-cell-mark-edit
	{
		width: 100%;
        height:100%;
		padding:0;
		margin: 0;
		background: #f6b767;
        border: none;
        text-align: center;
        vertical-align:top;
        z-index: 100;
        box-shadow: 0 0 3px #f00;
	}


